<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网易邮箱</title>
</head>

<body>
  <header>
    <h1><a href="#"><img src="file:///C|/Users/MI/Desktop/01 上机练习素材/练习1：网易邮箱登录页面/图片素材/163logo.gif" /></a></h1>
    <p>
      <a href="#">免费邮</a>
      <a href="#">企业邮</a>
      <a href="#">VIP邮箱</a>
      <a href="#">帮助</a>
  </header>
  <section>
  <!--左边-->
  <p>
    <img src="../pic/imap.jpg" />
    <ul>
      <li>163/126/yeah三大免费邮箱均默认开放</li>
      <li>全面支持iPhone/iPad及Android等系统</li>
      <li>客户端、手机与网页，实现发送、阅读邮件</li>
      立即同步普通登录手机号登录
    </ul>
  </p>
  <!--右边-->
    <form action="#" method="get">
    用户名:
    <input type="text" name="userName" />@163.com<br/>
    密码:
    <input type="password" name="pass"/><br/>
    版本：
    <select name="banben">
      <option value="moren">默认</option>
    </select><br/>
    <input type="radio" name="zidongdenglu" value="" />自动登录
    <input type="radio" name="ssl" value="" checked="checked"/>SSL<br/>
    <input type="submit" value="登录" name="submit" />
    <input type="submit" value="注册" name="submit" />
    </form>
  </section>
  <footer>
    <img src="../pic/netease_logo.gif" />
    <a href="#">关于网易</a>
    <a href="#">免费邮</a>
    <a href="#">官方博客</a>
    <a href="#">隐私政策</a>
    <a href="#">网易公司版权所有@2015-2018</a>
  </footer>
</body>
</html>